<!DOCTYPE html>
<html><head>
 <meta charset="utf-8">
 <title>添加商品分类</title>

 <meta name="description" content="Dashboard">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
 <!--Basic Styles-->
 <link href="__admin__/style/bootstrap.css" rel="stylesheet">
 <link href="__admin__/style/font-awesome.css" rel="stylesheet">
 <link href="__admin__/style/weather-icons.css" rel="stylesheet">

 <!--Beyond styles-->
 <link id="beyond-link" href="__admin__/style/beyond.css" rel="stylesheet" type="text/css">
 <link href="__admin__/style/demo.css" rel="stylesheet">
 <link href="__admin__/style/typicons.css" rel="stylesheet">
 <link href="__admin__/style/animate.css" rel="stylesheet">

</head>
<body>
	<!-- 头部 -->
	{include file="common/top"}

    <!-- /头部 -->

    <div class="main-container container-fluid">
      <div class="page-container">
    <!-- Page Sidebar -->
      {include file="common/left"}
    <!-- /Page Sidebar -->
    <!-- Page Content -->
    <div class="page-content">
        <!-- Page Breadcrumb -->
        <div class="page-breadcrumbs">
            <ul class="breadcrumb">
                <li>
                    <a href="{:url('index/index')}">系统</a>
                </li>
                <li>
                    <a href="{:url('Category/lst')}">商品分类</a>
                </li>
                <li class="active">添加商品分类</li>
            </ul>
        </div>
        <!-- /Page Breadcrumb -->

        <!-- Page Body -->
        <div class="page-body">

        <div class="row">
        <div class="col-lg-12 col-sm-12 col-xs-12">
        <div class="widget">
            <div class="widget-header bordered-bottom bordered-blue">
                <span class="widget-caption">添加商品分类</span>
            </div>
            <div class="widget-body">
                <div id="horizontal-form">
                    <form class="form-horizontal" role="form" action="" method="post" enctype="multipart/form-data">
                        <div class="form-group">
                            <label for="username" class="col-sm-2 control-label no-padding-right">上一级栏目</label>
                            <div class="col-sm-6">
                               <select name="pid">
                                   <option value="0">顶级分类</option>
                                   {volist name="data" id="vo"}
                                   <option value="{$vo.id}">
                                   <?php echo str_repeat('-',$vo['level']*6)?>{$vo.cate_name}
                                    </option>
                                   {/volist}
                               </select>
                            </div>
                        </div>


                        <div class="form-group">
                            <label for="username" class="col-sm-2 control-label no-padding-right">商品分类名称</label>
                            <div class="col-sm-6">
                                <input class="form-control"  required="" name="cate_name"  type="text">
                            </div>
                        </div>

                        <div class="form-group">
                            <label for="username" class="col-sm-2 control-label no-padding-right">商品分类推荐位</label>
                            <div class="col-sm-6">
                                <div class="checkbox">
                                    {volist name="CategoryRecposRes" id="vo"}
                                    <label>
                                        <input type="checkbox" class="colored-blue" name="recpos[]" value="{$vo.id}">
                                        <span class="text">{$vo.rec_name}</span>
                                    </label>
                                    {/volist}
                                </div>
                            </div>
                        </div>


                        <div class="form-group">
                            <label for="username" class="col-sm-2 control-label no-padding-right">属性筛选</label>
                            <div class="col-sm-6">
                                <div class="radio">
                                <a href="javascript:;" onclick="add(this);">[+]</a>
                               <select name="type_id[]">
                                   <option value="0">类型</option>
                                   {volist name="typeRes" id="vo"}
                                   <option value="{$vo.id}">{$vo.type_name}</option>
                                   {/volist}

                               </select>
                               <select name="attr_id[]">
                                   <option value="0">属性</option>
                               </select>
                            </div>
                            </div>

                        </div>

                        <div class="form-group">
                            <label for="username" class="col-sm-2 control-label no-padding-right">价格区间数</label>
                            <div class="col-sm-6">
                                <input type="text" class="form-control" name="pr_num" value="">
                            </div>
                        </div>





                        <div class="form-group">
                            <label for="username" class="col-sm-2 control-label no-padding-right">显示到导航条</label>
                            <div class="col-sm-6">
                                <div class="radio">
                                    <label>
                                        <input name="show_nav" type="radio"  value="1" checked="checked" class="colored-blue">
                                        <span class="text">是</span>
                                    </label>
                                </div>
                                <div class="radio">
                                    <label>
                                        <input name="show_nav"  value="0" type="radio" class="colored-blue">
                                        <span class="text">否</span>
                                    </label>
                                </div>
                            </div>
                            
                        </div>


                        <div class="form-group">
                            <label for="username" class="col-sm-2 control-label no-padding-right">商品缩略图</label>
                            <div class="col-sm-6">
                                <input name="cate_img"  type="file">
                            </div>
                        </div>


                        <div class="form-group">
                            <label for="username" class="col-sm-2 control-label no-padding-right">描述</label>
                            <div class="col-sm-6">
                                <textarea class="form-control"  name="description"></textarea>
                            </div>
                        </div>


                        <div class="form-group">
                            <label for="username" class="col-sm-2 control-label no-padding-right">关键字</label>
                            <div class="col-sm-6">
                                <textarea class="form-control"  name="keywords"></textarea>
                            </div>
                        </div>

                        <div class="form-group">
                            <div class="col-sm-offset-2 col-sm-10">
                                <button type="submit" class="btn btn-default">保存</button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
        </div>
        </div>

        </div>
        <!-- /Page Body -->
    </div>
    <!-- /Page Content -->
</div>	
</div>

<!--Basic Scripts-->
<script src="__admin__/style/jquery_002.js"></script>
<script src="__admin__/style/bootstrap.js"></script>
<script src="__admin__/style/jquery.js"></script>
<!--Beyond Scripts-->
<script src="__admin__/style/beyond.js"></script>


<script type="text/javascript">
    $("select[name='type_id[]']").change(function() {
        var _this=$(this);
        var typeId=$(this).val();
        var opt = "<option value=''>请选择</option>";
        $.ajax({
            type:"post",
            dataType:"json", 
            url:"{:url('admin/Attr/AjaxGetAttr')}",
            data:{type_id:typeId},
            success:function(data){
                $(data).each(function(k,v){
                   opt += "<option value='"+v.id+"'>"+v.attr_name+"</option>";

               });
                _this.next('select').html(opt);
            }

        });
    });


    function add(obj){
        var div=$(obj).parent();
        if($(obj).html()=="[+]"){
            var newdiv=div.clone(true);
            newdiv.find("a").html('[-]');
            div.after(newdiv);

        }else{
            div.remove();
        }
    }

</script>
</body></html>